<template>
  <div class="app-container">
    <div id="main">
      <el-container>
        <!-- 顶栏容器 -->
        <el-header height="100px;">
          <!-- 公共头 -->
          <myheader />
        </el-header>
        <el-divider></el-divider>
        <!-- 主要区域容器 -->
        <el-main style="padding: 0px">
          <div class="main-container">
            <!-- 内容区域 -->
            <nuxt />
          </div>
        </el-main>
        <!-- 底栏容器 -->
        <el-footer>
          <!-- 公共底 -->
          <myfooter />
        </el-footer>
      </el-container>
    </div>
  </div>
</template>
<script>
import myheader from "./myheader";
import myfooter from "./myfooter";
export default {
  components: {
    myheader,
    myfooter,
  },
};
</script>
<style>
.el-container {
  min-height: 100vh;
}
</style>
